import React,{Component} from 'react'
import styled from 'styled-components'


import { SearchBar } from 'antd-mobile'


const HeadContainer = styled.header`
width:100%;
height:.57rem;
background:#fff;
display:flex
`
const HeadIconbox = styled.div`

`

class Head extends Component {
    render(){
        return(
            <header>
                <div>
                   <SearchBar 
                   placeholder="跑步鞋|全民奔跑日"
                   ref={ref => this.manualFocusInst = ref} />
                </div>
                
            </header>
        )
    }
}

export default Head